<template>
	<div id="city">
		<city-header></city-header>
		<city-letter :hotCities="hotCities" :cities="cities" ></city-letter>
	</div>
</template>

<script>
import CityHeader from './pages/Header'
import CityLetter from './pages/Letter'
export default {
	name:'City',
	components:{
		CityHeader,
		CityLetter
		
	},
	data() {
		return {
			hotCities:[],
			cities:{}
		}
	},
	mounted (){
	 this.$http.get("/api/data/city.json").then((data) => {
			     let res=data.data.data;
				 // console.log(res.hotCities)
				this.hotCities=res.hotCities
				// console.log(res)
				this.cities=res.cities

				})
			}
}
</script>

<style>
</style>
